<template>
  <div>
      <el-container>
        <el-aside width="200px">
            <el-menu
            default-active="/order/order1"
            @select="handleSelect"
            class="el-menu-vertical-demo">     
                <el-menu-item index="/order/order1">
                    <i class="el-icon-menu"></i>
                    <span slot="title">订单管理</span>
                </el-menu-item>   
                <el-menu-item index="/order/order2">
                    <i class="el-icon-menu"></i>
                    <span slot="title">发展管理</span>
                </el-menu-item>   
                <el-menu-item index="/order/order3">
                    <i class="el-icon-menu"></i>
                    <span slot="title">售后服务</span>
                </el-menu-item>
            </el-menu>
        </el-aside>
        <router-view></router-view>
    </el-container>

  </div>
</template>

<script>
export default {
  methods: {
    handleSelect(path) {
    //   console.log(path);
      this.$router.push(path)
    }
  }
}
</script>

<style scoped>
  .el-aside {
    background-color: #FFFFFF;
    color: #333;
    height: 90vh;
    border-right: 1px solid #eee;
  }
  
  .el-main {
    background-color: #FFFFFF;
    color: #333;
    height: 90vh;
  }
</style>